<template>
    <div>
               <!--  -->
               <!-- :pageSearch="pageSearch" -->
        <base-list ref="historyPageList"
               :condition="condition"
               :datas.sync="historyPageList"
               :pageSearch="pageSearch">
            <el-form :inline="true"
               :model="condition"
               class="search-form"
               slot="search"
               ref="aList"
               label-width="80px">
               <el-row>
                   <el-col :span="24"
                        class="search-width4">
                        <el-form-item label="IC卡号"
                                    prop="condition['search_LIKE_cardNo']">
                            <el-input v-model="condition['search_LIKE_cardNo']"
                                        placeholder="请选择">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24"
                        class="search-width4">
                        <el-form-item label="提货车号"
                                    prop="condition['search_LIKE_carNo']">
                            <el-input v-model="condition['search_LIKE_carNo']"
                                        placeholder="请选择">
                            </el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8" style="width: 560px;">
                        <el-form-item label="在库时间">
                        <el-date-picker v-model="condition['search_GTE_createDateTime']"
                                        value-format="yyyy-MM-dd 00:00:00"
                                        type="date"
                                        placeholder="选择日期"></el-date-picker>
                        <span>~</span>
                        <el-date-picker v-model="condition['search_LTE_createDateTime']"
                                        value-format="yyyy-MM-dd 23:59:59"
                                        type="date"
                                        placeholder="选择日期"></el-date-picker>
                        </el-form-item>
                    </el-col>
                    <el-col :span="2">
                        <el-button type="primary"
                                icon="el-icon-search"
                                    class="ml-80"
                                @click="loadData">查 询</el-button>
                    </el-col>
                </el-row>
            </el-form> 
            <el-table slot="list"
                :data="historyPageList"
                border
                stripe
                max-height="550">
                <el-table-column label="序号"
                                type="index"
                                width="50"></el-table-column>
                <el-table-column prop="selfNo"
                                label="卡自编号"
                                min-width="120"></el-table-column>
                <el-table-column prop="cardNo"
                                label="IC卡号"
                                min-width="120"></el-table-column>
                <el-table-column prop="carNo"
                                label="车辆编号"
                                min-width="200"></el-table-column>
                <el-table-column prop="partyAName"
                                label="车辆状态"
                                min-width="200"></el-table-column>
                <el-table-column prop="inRegisterTime"
                                label="进库时间"
                                min-width="200"></el-table-column>
                <el-table-column prop="inRegisterBy"
                                label="进库登记人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="进库-受理时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="受理完成时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="受理人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="受理—作业时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="作业完成时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="作业人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="作业—结算时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="结算完成时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="结算人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="作业—复核时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="复核完成时间"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="复核人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="结算-出库时间"
                                min-width="120"></el-table-column>
                <el-table-column prop="outRegisterTime"
                                label="出库时间"
                                min-width="120"></el-table-column>
                <el-table-column prop="outRegisterBy"
                                label="出库登记人"
                                min-width="120"></el-table-column>
                <el-table-column prop=""
                                label="进库—出库时间"
                                min-width="120"></el-table-column>
                <el-table-column prop="remark"
                                label="备注"
                                min-width="120"></el-table-column>
            </el-table>  
         </base-list>
        <div style="text-align:center">
            <el-button plain
                    type="info"
                    @click="handleRouterPush({path:'/goods/gate',name:'闸口工作台'})">返回</el-button>
        </div>
     </div>
</template>
<script>
import {
    getGateRegister,
} from '@/api/things/gate'
export default {
    data() {
        return {
            condition: {
                search_EQ_orgId: this.$store.state.user.currentUser.org && this.$store.state.user.currentUser.org.id
            }, // 查询条件
            historyPageList: [],
            historyData: [],
            pageSearch: getGateRegister, // 分页查询api接口
        }
    },
    mounted() {
        this.$nextTick(() => {
            this.loadData()
        })
    },
    methods: {
        loadData() {
            this.$refs.historyPageList.loadData()
        }, 
        handleRouterPush(val) {
            this.$store.commit('ADD_CACHED_VIEWS', val)
            this.$router.push(val.path)
        }
    }
}
</script>

